Apex 4X Technical Style Guide

ARIA Date Picker (With Custom Date Formats)

Configured visual and audible date formats.

{
  inputDateFormat: 'DD/MM/YYYY',
  audibleDateFormat: 'D, MMMM YYYY (dddd)'
}

The calendar is keyboard accessible:

  • When the calendar is opened, focus is set on the current date.
  • Press the Left and Right arrow keys to navigate the row by week day.
  • Press the Home and End keys to jump to the beginning or end of the current row.
  • Press the Up and Down arrow keys to navigate between weeks on the same week day.
  • Press the PageDown and PageUp keys to navigate backwards or forwards by month.
  • Press Alt+PageDown and Alt+PageUp to navigate backwards or forwards by year.
  • Press the Enter key to activate the selected date.
  • Press Escape to close the calendar without making a selection.
  • Mouse users can click the desired date buttons as usual.